<template>
  <div>
    点击水波纹效果
    <ripple ripple-class="ripple-test">
      <div>ripple fill</div>
    </ripple>
    <ripple ripple-class="ripple-test" type="circle">
      <div>ripple circle</div>
    </ripple>
  </div>
</template>

<script>
import ripple from 'mpvue-ripple'
export default {
  components: {
    ripple
  },

  data () {
    return {}
  },
}
</script>

<style lang="scss" scoped>
page {
  background: #f0f0f0;
}
.ripple-test {
  margin-top: 10px;
  background: #fff;
  text-align: center;
  padding: 12px;
  border-top: 0.5px solid #ddd;
  border-bottom: 0.5px solid #ddd;
}
</style>
